<div id="wareView">
    <div class="panel playerContainer">
        <div class="panel-heading clearfix">
            <p class="pull-left left"><span>[{{data.courseName}}]</span>{{wareData.ware.name}}</p>
            <span class="pull-right">学习时间：{{usefulTime|toTime}} / 总时间：{{wareData.ware.formatTime}}</span>
        </div>
        <div class="panel-body clearfix">
            <div class="left pull-left" >
                <div class="playerBox">
                    <video id="my-video" class="video-js" controls autoplay  preload="auto" width="890" height="500" data-setup='{}'>
                       
                    </video>   
                </div>
                <div class="panel-footer clearfix">
                    <div class="pull-left starBox">
                        <i class="rate">{{wareRate|number:1}}</i>
                        <i class="icon icon-star" ng-class="{'active':wareRate>=1||data.studentStar.star>=1}" ng-click="star(1)"></i>
                        <i class="icon icon-star" ng-class="{'active':wareRate>=2||data.studentStar.star>=2}" ng-click="star(2)"></i>
                        <i class="icon icon-star" ng-class="{'active':wareRate>=3||data.studentStar.star>=3}" ng-click="star(3)"></i>
                        <i class="icon icon-star" ng-class="{'active':wareRate>=4||data.studentStar.star>=4}" ng-click="star(4)"></i>
                        <i class="icon icon-star" ng-class="{'active':wareRate>=5||data.studentStar.star==5}" ng-click="star(5)"></i>
                    </div>
                    <!--<div class="pull-right">上次播放到：</div>-->
                </div>
            </div>
            <div class="right pull-left">
                <div class="topTitle clearfix">
                    <div class="pull-left " ng-class="{'active':tabStatus==0}" ng-click="changeTab(0)">课程目录</div>
                    <div class="pull-left" ng-class="{'active':tabStatus==1}" ng-click="changeTab(1)">学习笔记</div>
                </div>
                <div class="rightContainer">
                    <div class="wareList" ng-show="tabStatus==0">
                        <div class="wareItem clearfix " ng-class="{'active':currentWareId==item.id}" ng-repeat="item in data.course.wares" title="{{item.ware.name}}" ng-click="wareChange(item.id,$index)">
                            <div class="img pull-left" >
                                <img ng-src="{{item.ware.logo}}" alt="">
                                <span ng-if="currentWareId!=item.id">{{item.ware.formatTime}}</span>
                                <span ng-if="currentWareId==item.id">正在播放</span>
                            </div>
                            <div class="pull-left right">
                                <p>{{item.ware.name}}</p>
                                <p >上次学习至 {{item.studentWare.playedTime|toTime}}</p>
                            </div>
                            <div class="complete" ng-if="item.studentWare.lastTime>=item.studentWare.wareTime"></div>
                        </div>
                    </div>
                    <div class="noteBox" ng-show="tabStatus==1">
                        <div class="inputBox">
                            <div class="form-group">
                                <textarea ng-model="noteText"></textarea>  
                                <button type="button" class="btn btn-block" ng-click="postNote()">保存</button>
                            </div> 
                        </div>
                        <div class="noteLists">
                            <note-item-directive ng-repeat="item in noteData" data="item"></note-item-directive>     
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <div class="courseInfo panel clearfix">
        <div class="left pull-left clearfix" >
            <div class="imgBox pull-left">
                <img ng-src={{host+data.course.logo}} alt="">
            </div>
            <div class="pull-left courseDetail" >
                <div class="title"><b>{{data.course.name}}</b>
                <span>{{data.course.teacherName}}著</span></div>
                <!--中级财务会计（上）-->
                <div class="tag"><span>{{data.course.classTime}}课时</span><span>{{data.teacher.name}}主讲</span></div>
                <div class="content">
                    <!--《高职高专经济、管理类专业"十二五"规划教材:财务会计实务》是“高职高专经济、管理类专业十二五规划教材”系列之一，《高职高专经济、管理类专业"十二五"规划教材:财务会计实务》分为十一个项目，内容包括会计业务流程、出纳岗位实务、往来结算会计岗位实务、存货会计岗位实务、固定资产会计岗位实务等。-->
                    {{data.course.note}}
                </div>
                
            </div>
        </div>
        <div class="right pull-left">
            <div class="title"><b>教师简介</b></div>
            <div class="content">
                    <!--《高职高专经济、管理类专业"十二五"规划教材:财务会计实务》是“高职高专经济、管理类专业十二五规务流程、出纳岗位实务、往来结算会计岗位实务、存货会计岗位实务、固定资产会计岗位实务等。-->
                     {{data.teacher.name}}:{{data.teacher.sex}},{{data.teacher.age}},{{data.teacher.school}},{{data.teacher.title}}
            </div>
        </div>
    </div>
    <div class="questionBox ">
        <div class="askQuestion panel">
            <div class="title"><i></i><span>我要提问</span></div>
            <form id="addQuestion" name="questionForm" novalidate ng-submit="postQuestion()">
                <input type="hidden" name="courseId" value="{{courseId}}">
                <div class="form-group">
                    <input class="form-control" type="text" name="title" ng-model="questionTitle" placeholder="请输入标题" required>
                </div>
                <div class="form-group">
                    <textarea class="form-control" type="text" name="content" ng-model="questionContent" placeholder="请输入提问内容" required></textarea>
                </div>
                <div class="form-group btnBox">
                    <button type="submit" class="btn">发表问题</button>
                </div>
            </form>
        </div>
        <div class="questionContainer panel">
            <div class="panel-heading">
                <span ng-class="{'active':activeStatus==3}" ng-click="changeTab(3)">问题区</span>|
                <span ng-class="{'active':activeStatus==4}" ng-click="changeTab(4)">精华区</span>|
                <span ng-class="{'active':activeStatus==5}"  ng-click="changeTab(5)">我的问题</span>
            </div>
            <div class="panel-body">
                <div class="questions" ng-if="activeStatus==3">
                    <question-item-directive ng-repeat="item in allQuestionData" data="item" index="$index"></question-item-directive>
                </div>
                <div class="creamQuestions" ng-if="activeStatus==4">
                    <question-item-directive ng-repeat="item in creamQuestionData" data="item" index="$index"></question-item-directive>
                </div>
                <div class="myQuestions" ng-if="activeStatus==5">
                    <question-item-directive ng-repeat="item in myQuestionData" data="item" index="$index"></question-item-directive>
                </div>
                <div class="paginationBox" >
                    <uib-pagination
                        total-items="totalItems"
                        ng-model="currentPage"
                        ng-change="pageChange()"
                        max-size="maxSize" 
                        first-text="第一页" 
                        previous-text="上一页" 
                        next-text="下一页" 
                        last-text="最后一页" 
                        boundary-links="true" 
                        boundary-link-numbers="true">
                    </uib-pagination>
                </div>
            </div>
        </div>
    </div>
</div>